<script setup>
import { ref } from "vue";

// 重新获取二维码
const reloadCode = () => {};
</script>

<template>
  <div class="qrcode-box">
    <div class="icon" @click="reloadCode">
      <redo-outlined />
    </div>
  </div>
</template>

<style lang='less' scoped>
.qrcode-box {
  width: 180px;
  height: 180px;
  margin: 40px auto 0;
  background: fade(@black, 20%);
  position: relative;

  .icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: @white;
    box-shadow: @box-shadow-base;
    line-height: 24px;
    text-align: center;
    color: @text-color;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    cursor: pointer;
  }
}
</style>